//文档加载事件
$(function () {
    //初始化轮播插件
    $("#slider").slidebox({
        boxh: 450, //盒子的高度
        w: 1000, //图片的宽度
        h: 400, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    })

    //初始化产品轮播插件
    $(".productList .productSlider").slidebox({
        boxh: 340, //盒子的高度
        w: 418, //图片的宽度
        h: 338, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 8, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 40, //控制按钮宽度
        controlsH: 5, //控制按钮高度
        radius: 5 //控制按钮圆角度数
    })

    //初始化图书产品轮播插件
    $(".bookList .bookSlider").slidebox({
        boxh: 220, //盒子的高度
        w: 328, //图片的宽度
        h: 218, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 8, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 40, //控制按钮宽度
        controlsH: 5, //控制按钮高度
        radius: 5 //控制按钮圆角度数
    })
    //  产品选项卡
    $(".option li").on("mouseenter", function () {
        $(this).addClass("active").siblings().removeClass("active")
        //获取当前菜单索引
        let index = $(this).index();

        //显示当前菜单对应的内容
        let productList = $(this).closest(".homeTitle").siblings(".content").find(".productList")

        $(productList).eq(index).addClass('on').siblings(".productList").removeClass("on")

        //显示图书当前菜单对应的内容
        let bookList = $(this).closest(".homeTitle").siblings(".content").find(".bookList")

        $(bookList).eq(index).addClass('on').siblings(".bookList").removeClass("on")
    })


    //电子书手风琴
    $("#bookRanking li:lt(3) span").css("color", "#f60")
    $('.bookRanking li').on('mouseenter', function () {

        //其他li下面的内容隐藏
        $('.bookRanking li div').hide()

        //其他li下面的标题显示
        $('.bookRanking li h4').show()

        //隐藏当前li下面的标题
        $('h4', this).hide();

        //显示当前li下面的内容
        $('div', this).show();

    })


    //楼层滚动

    $(".floorScroll p").on("mouseenter", function () {
        let bgc = $(this).data('bgc') //获取当前颜色
        $(this).css({
            backgroundColor: bgc,
            backgroundPositionX: -40,
            width: 80
        }) //设置鼠标移入时楼层样式 
    })

    $(".floorScroll p").on("mouseleave", function () {
        $(this).css({
            backgroundColor: "",
            backgroundPositionX: 0,
            width: 40
        }) //设置鼠标移出后样式
    })

    $(".floorScroll p").on("click", function () {
        let index = $(this).index(); //获取楼层索引        
        if (index === 5) {
            $("html").animate({
                scrollTop: 0
            }) //回到顶部
        } else {
            let sTop = $(".floorCon").eq(index).offset().top //获取楼层距离顶部距离

            $("html").animate({
                scrollTop: sTop
            }) //滚到指定位置
        }
    })


// 固定顶部搜素
    $(window).on("scroll", function (){
        let sTop = $('html').scrollTop()//获取滚动距离
        if(sTop > 400){
            $(".fixTop ").slideDown();//固定顶部搜索框滑出
            $(".head-search").appendTo(".fixTop") //追加搜索框到固定顶部搜索
        }else{

            $(".fixTop").slideUp();//固定顶部搜索框滑入
            $(".head-search").appendTo("searchShop")//追加搜索框回到头部搜索
        }
    })





})